<!DOCTYPE html>
<html>
	<head>	
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
		<title>捷豹英仕挑战赛</title>
		 <link rel="stylesheet" href="__PUBLIC__/Home/css/font.css" />
		<link rel="stylesheet" charset="utf-8" type="text/css" href="__PUBLIC__/Home/css/activity.css">
		<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Home/js/jquery.min.js" ></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script>
		
		wx.config({
		    debug: false,
		    appId: "{$arr.appid}",
		    timestamp:"{$arr.timestamp}",
		    nonceStr:"{$arr.noncestr}",
		    signature:"{$arr.signature}",
		    jsApiList: [
		        'checkJsApi',
		        'openLocation',
		        'getLocation',
		        'scanQRCode',
		      ]
			});
			
			wx.checkJsApi({
			    jsApiList: [
			        'getLocation'
			    ],
			    success: function (res) {
			  
			        if (res.checkResult.getLocation == false) {
			            alert('你的微信版本太低，不支持微信JS接口，请升级到最新的微信版本！');
			            return;
			        }
			    }
			});
			wx.ready(function () {
					
						
						document.getElementById('car').play();
				
			});
		
			var ua = navigator.userAgent; 		
			if (ua.indexOf("Android") > -1 ){
			var heigt=document.documentElement.clientHeight;
			var widte=document.documentElement.clientWidth;			
			}
			if (ua.indexOf("Mac") > -1 ){
				var heigt=window.screen.availHeight;
				var widte=window.screen.availWidth;			
			}	
			if (ua.indexOf("iPhone") > -1  ){
			var heigt=document.documentElement.clientHeight;
			var widte=document.documentElement.clientWidth;						
			}
					
			$(document).ready(function(e) {
					
				setTimeout(function(){$("#car").attr("src","__PUBLIC__/Home/css/car.mp3");document.getElementById('car').play();},1000);
				$(".content").css({"width":widte});			
				var audio = document.getElementById('audio');	
				$(".btn").click(function(){
					$("audio").attr("src","__PUBLIC__/Home/css/bg.mp3");
					document.getElementById('audio').play();
					setTimeout(function(){window.location.href="{:U('Activity/main')}";},2000);	
				});
			
				setTimeout(function(){ $('.btn').fadeIn(); },3000);
			});
		</script>
		
	</head>
	<body>
		<audio   id="audio"></audio>
		<audio   id="car"  ></audio>
		<div class="bg"></div>	
		<div class="content">
			<img class="logo" src="__PUBLIC__/Home/image/activity/logo.png"/>
			<p class="siez">THE&nbsp;ART&nbsp;OF</p>
			<p class="siez1">PERFORMANCE</p>
			<p class="siez">TOUR</p>
			<p class="siez2">捷豹英仕挑战赛</p>
			
			<img class="car" src="__PUBLIC__/Home/image/activity/car.png"/>
			<img class="btn" src="__PUBLIC__/Home/image/activity/btn1.png"/>
		</div>
		
	</body>
</html>
